<template>
    <div class="scroll-test">
        <div class="scroll-test-content">
            滚动测试内容
        </div>
    </div>
</template>
<script setup>
import { ref, onMounted } from 'vue'
const scrollTestRef = ref(null)
const scrollTestContentRef = ref(null)
onMounted(() => {
    console.log(scrollTestRef.value)
    console.log(scrollTestContentRef.value)
})
</script>
<style scoped>
.scroll-test {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.scroll-test-content {
    width: 100%;
    height: 2000px;
}
</style>